<!--
 * @Description: 第十三章 BEM架构+layout布局 BEM架构
 * @Author: IA ia@ker.center
 * @Date: 2025-02-13 08:53:01
-->
<template>
  <div>
    <p>BEM架构+layout布局</p>
    <p>BEM是block、element、modifier的缩写，分别为块层、元素层、修饰符层</p>
    <div>
      <div class="ia-test">
        sass例子
        <div class="ia-test__inner">el</div>
        <div class="ia-test--success">test</div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts"></script>
<style lang="scss" scoped>
@include b(test) {
  color: red;
  @include e(inner) {
    color: blue;
  }
  @include m(success) {
    color: green;
  }
}
</style>
